<script language="javascript">var PageType =""; var ids ="";</script>
<style type="text/css">
.fix-top {
    position: relative;
}
.h-head {
    height: 0px;
}
#footer {
    position: relative;
}
</style>
<div id="topad" class="fn-clear" style="width:768px;">

    <div class="adbox bgs fn-left">
        <div class="adtitle">
            <img src="{{CONFIG_THEME_PATH}}/image/bg_a728.png" alt="">
        </div>
        <div class="ad728">
        {{ADS_HEADER}}
        </div>
    </div>

</div>

<div id="game-col" class="fn-clear">

    <div class="game-left fn-left">
        <div class="ad160 bgs fn-left">
            Advertisement
             {{ADS_SIDEBAR}}
        </div>
        <div class="relategames fn-left">
            Similar Games
       {{PLAY_SIDEBAR_WIDGETS2}}
</div>


   </div>

    <div class="game-info bgs fn-left">
      <div class="game-info">
    <div id="loader_container">
        <div id="preloader_box"></div>
    </div>
    <div id="gameDiv">

<div class="gametitle fn-clear">
    <div class="l-link">
        <a class="home" href="/"></a>
        <a class="back" href="javascript:history.back(); "></a>
    </div>
    <h1 class="gamename fn-left" title="{{PLAY_GAME_NAME}}"><i class="flag"></i><span>{{PLAY_GAME_NAME}}</span></h1>
    <div class="game-share fn-right">
        <div class="game-zoom">
            <a href="#" id="gameFull" title="Play game fullscreen" onclick="GameFullscreen();return false;"></a>
            <a href="#" id="gameReplay" title="Replay this game" onclick="ReplayGame();return false;"></a>
        </div>
        <div class="social"></div>
    </div>
</div>

    <div id="ava-game_container" class="game-box" data-norate="1">

            <div id="gamePlay-content" oncontextmenu="return false" style="position: relative;">
            <img class="gamePlay-bg" src="{{PLAY_GAME_IMAGE}}">
            
            <div class="gamePlay-icon" style="background-image: url({{PLAY_GAME_IMAGE}});background-size: 241px;background-position-x: 50%;background-position-y: 50%;"></div>
                <div class="gamePlay-button">Play Now!</div>
                <div class="gamePlay-title">{{PLAY_GAME_NAME}}</div>
            </div>
            <div id="pre-count"><font lib="game-loading">Game loading..</font>
                <div id="pre-count-num">25</div>
            </div>
            <div id="game-preloading"></div>
            <div id="game-preloader"></div>
            <div id="game-box">
            </div>

                <div id="adsContainer">
                    <div id="adContainer"></div>
                    <video id="videoElement"></video>
                </div>
        </div>
    </div>
</div>
</div>
<script type="text/javascript">
    var objGameFlash = null;
    var percentage = 0;
    t1 = setInterval("getPercentage()",200);
    function getPercentage() {
        if(objGameFlash == null) objGameFlash = getGameFlashObj();
        if(objGameFlash){
            try{
                percentage = objGameFlash.PercentLoaded();
                if (percentage < 0 || typeof(percentage) == 'undefined') percentage = 100;
            }catch(e){
                percentage = 100;
            }
        }else{
            percentage = 100;
        }
        if (percentage == 100){
            clearInterval(t1);
        }
        return percentage;
    }
    function getGameFlashObj() {
        if (window.document.GameEmbedSWF) return window.document.GameEmbedSWF;
    }
    function showGame(){
        $("#loader_container").css({
            visibility: "hidden",
            display: "none"

        });
        $("#gameDiv").css({
                visibility: "visible",
                display: "block",
                height:"100%"
            });
        showGameBox();
            u3dplay();
        }
</script>

<div class="game-right fn-left">
    <div class="relategames fn-left">
        Similar Games

        {{PLAY_SIDEBAR_WIDGETS}}
    </div>
    <div class="ad160 bgs fn-left">
        Advertisement
        {{ADS_SIDEBAR}}
    </div>
</div>


</div>

<div id="game-bottom" class="bgs fn-clear">
    <div class="game-dec fn-left">
        <div class="thumb">
            <div style="background-image: url({{PLAY_GAME_IMAGE}});background-size: 241px;background-position-x: 50%;background-position-y:50%;width: 100%;height: 100%;border-radius: 6px;background-repeat:no-repeat;"></div>
        </div>
        <div class="description">
            <span class="pl game-title" style="font-size: 25px !important;">{{PLAY_GAME_NAME}}</span>
        <p class="d-text" style="margin-top:15px;font-size:16px">
            {{PLAY_GAME_DESC}}
        </p>
        </div>
    </div>
 <div class="fn-right" style="width:280px;text-align:center;">
    Advertisement
    {{ADS_FOOTER}}
   
</div>
</div>

<div id="game-bottom"  style="margin-top:20px !important;" class="play-game-bottom flex-similar-games flex-col bgs fn-clear">
    <h2 lib="similar-games">Similar Games</h2>
    {{PLAY_SIDEBAR_WIDGETS3}}
</div>
{{FOOTER_CONTENT}}

 <script type="text/javascript">
var PreGameAdURL = "{{ADS_VIDEO}}";

function getcookie(name) {
    var cookie_start = document.cookie.indexOf(name);
    var cookie_end = document.cookie.indexOf(";", cookie_start);
    return cookie_start == -1 ? '' : unescape(document.cookie.substring(cookie_start + name.length + 1, (cookie_end > cookie_start ? cookie_end : document.cookie.length)));
}
function setcookie(cookieName, cookieValue, seconds, path, domain, secure) {
    var expires = new Date();
    expires.setTime(expires.getTime() + seconds);
    document.cookie = escape(cookieName) + '=' + escape(cookieValue)
    + (expires ? '; expires=' + expires.toGMTString() : '')
    + (path ? '; path=' + path : '/')
    + (domain ? '; domain=' + domain : '')
    + (secure ? '; secure' : '');
}
function ClearPlayedGames(){
    setcookie("lastplayedgames","",-360000,"/");  
    return false;
}
function PlayedGames(game_id){
    var playedgames=getcookie("playedgames");
    if(playedgames.indexOf(","+game_id+",") > -1){
        playedgames=playedgames.replace(","+game_id+",",'');
    }else{
        if(playedgames==""||playedgames==","){
            playedgames=","+game_id+",";    
        }else{
            playedgames=","+game_id+","+playedgames;    
        }
    }
    setcookie("playedgames",playedgames,25920000000,"/");
}
  $(document).ready(function(){
    PlayedGames({{PLAY_GAME_ID}});
});

window.setTimeout(function(){__upGame_rx8({{PLAY_GAME_ID}})}, 2000);
var descriptionURL = "{{DESCRIPTION_URL}}";
var iframe = '{{PLAY_GAME_EMBED}}';
$(document).ready(function() {
    $('.gamePlay-icon, .gamePlay-button, #gamePlay-content').click(function(e) {  
      $('#adsContainer').show();
      $("#gamePlay-content").hide();
      $("#game-preloading").show();
       setTimeout(
      function() 
      {
        $("#game-preloading").hide();
        PreRollAd.start();
      }, 550);
    });
});

function SkipAdAndShowGame(){
   $("#adsContainer").hide();
   $("#game-box").html(iframe);
}

 $(function(){
        $('.ad300').eq(0).show();
        if($('.ad300').size() > 1) {
            setInterval(function(){
                var first = $('.ad300').eq(0);
                first.hide();
                $('.ad300').last().after(first);
                $('.ad300').eq(0).fadeIn();
            }, 3000);
        }
        $('.adsmall').eq(0).show();
        if($('.adsmall').size() > 1) {
            setInterval(function(){
                var first = $('.adsmall').eq(0);
                first.hide();
                $('.adsmall').last().after(first);
                $('.adsmall').eq(0).fadeIn();
            }, 3000);
        }
    })
</script>

{{IMA_SDK}}

<div id="BackTop"></div>
</div>